<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Stage Widget</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
    <link rel="start" href="index.html" title="Clutter编程" />
    <link rel="up" href="sec-stage.html" title="Chapter 4. Stage" />
    <link rel="prev" href="sec-stage.html" title="Chapter 4. Stage" />
    <link rel="next" href="sec-actors.html" title="Chapter 5. Actors" />
  </head>
  <body>
    <div class="navheader">
      <table width="100%" summary="Navigation header">
        <tr>
          <th colspan="3" align="center">Stage Widget</th>
        </tr>
        <tr>
          <td width="20%" align="left"><a accesskey="p" href="sec-stage.html"><img src="../icons/prev.png" alt="Prev" /></a> </td>
          <th width="60%" align="center">Chapter 4. Stage</th>
          <td width="20%" align="right"> <a accesskey="n" href="sec-actors.html"><img src="../icons/next.png" alt="Next" /></a></td>
        </tr>
      </table>
      <hr />
    </div>
    <div class="sect1" lang="en" xml:lang="en">
      <div class="titlepage">
        <div>
          <div>
            <h2 class="title" style="clear: both"><a id="sec-stage-widget"></a>Stage Widget</h2>
          </div>
        </div>
      </div>
      <p>
使用 <code class="classname">GtkClutterEmbed</code> 可以将一个 <code class="classname">ClutterStage</code> 放在 GTK+ 窗口中。比如，窗口可能包含其它的 GTK+ widget，可以与 stage 中的 actor 交互。使用 <code class="function">gtk_clutter_embed_new()</code> 初始化 widget，然后像其它 GTK+ widget 一样，将它加入一个容器 (container)。调用 <code class="function">gtk_clutter_embed_get_stage</code> 从<code class="classname">GtkClutterEmbed</code> widget 获得 <code class="classname">ClutterStage</code> ，然后就可以使用 Clutter API 了。 
</p>
      <p>
当使用 <code class="classname">GtkClutterEmbed</code> widget 时，应该使用 <code class="function">gtk_clutter_init</code> 而不是 <code class="function">clutter_init()</code> 和 <code class="function">gtk_init()</code> 初始化 <span class="application">Clutter</span> 和 <span class="application">GTK+</span>。 使用 <code class="function">gtk_main()</code> 而不是 <code class="function">clutter_main()</code> &gt;进入 main 循环。
</p>
      <p>
为了简单, 本教程其它例子都使用 <code class="function">clutter_stage_get_default()</code>，但是所有的技术也可以被用于 <code class="classname">GtkClutterEmbed</code> widget 中的 stage。
</p>
      <p>
        <a class="ulink" href="http://www.clutter-project.org/docs/clutter-gtk/0.8/GtkClutterEmbed.html" target="_top">Reference</a>
      </p>
      <div class="sect2" lang="en" xml:lang="en">
        <div class="titlepage">
          <div>
            <div>
              <h3 class="title"><a id="stage-widget-example"></a>示例</h3>
            </div>
          </div>
        </div>
        <p>
下面这个例子展示了 <code class="classname">GtkClutterEmbed</code> GTK+ widget 的使用方法，当鼠标点击按钮时 stage 颜色改变。
</p>
        <p>
注意这个例子需要 <code class="literal">clutter-gtk-0.8</code> 库和标准 <code class="literal">clutter-0.8</code> 库。使用如下命令编译代码，
注意用在 <span class="command"><strong>pkg-config</strong></span> 调用的两边用<code class="literal">反向单引号</code>。参考 <a class="link" href="chapter-headers-and-linking.html" title="Chapter 3. 头文件和链接">头文件和链接</a> 部分。</p>
        <p>
</p>
        <pre class="programlisting">
gcc -Wall -g example.c -o example `pkg-config clutter-0.8 clutter-gtk-0.8 --cflags  --libs`
</pre>
        <p>
</p>
        <div class="figure">
          <a id="figure-stage-widget"></a>
          <p class="title">
            <b>Figure 4.2. Stage Widget</b>
          </p>
          <div class="figure-contents">
            <div class="screenshot">
              <div>
                <img src="./figures/stage_widget.png" alt="Stage Widget" />
              </div>
            </div>
          </div>
        </div>
        <br class="figure-break" />
        <p>
          <a class="ulink" href="./examples/stage_widget" target="_top">Source Code</a>
        </p>
      </div>
    </div>
    <div class="navfooter">
      <hr />
      <table width="100%" summary="Navigation footer">
        <tr>
          <td width="40%" align="left"><a accesskey="p" href="sec-stage.html"><img src="../icons/prev.png" alt="Prev" /></a> </td>
          <td width="20%" align="center">
            <a accesskey="u" href="sec-stage.html">
              <img src="../icons/up.png" alt="Up" />
            </a>
          </td>
          <td width="40%" align="right"> <a accesskey="n" href="sec-actors.html"><img src="../icons/next.png" alt="Next" /></a></td>
        </tr>
        <tr>
          <td width="40%" align="left" valign="top">Chapter 4. Stage </td>
          <td width="20%" align="center">
            <a accesskey="h" href="index.html">
              <img src="../icons/home.png" alt="Home" />
            </a>
          </td>
          <td width="40%" align="right" valign="top"> Chapter 5. Actors</td>
        </tr>
      </table>
    </div>
  </body>
</html>
